<template>
  <div>
    <div id="loading_header">
      <div id="top">
        <div class="center">
          <div id="toplogo">
            <a href="#" target="_blank"><img :src="BASE_API + webconfig.logoimg" /></a>
          </div>
          <!-- toplogo结束 -->
          <!-- topad结束 -->
          <!-- <a href="#" id="more" target="_blank" class="btnmore"><i class="icon_list"></i> 游戏列表</a> -->
          <div class="quicklink">
            <!-- <a href="#" class="link_reg" target="_blank">帐号注册 </a> | -->
            <a :href="boxUrl" target="_blank">
              <img src="../../assets/static/images/09.png" />
            </a>
            <!-- <a href="#" class="link_recharge" target="_blank"> 充值 </a> -->
          </div>
          <span class="clear"></span>
        </div>
      </div>

      <!-- GameList结束 -->
    </div>




    <div class="center prove">
      <h1>资质声明</h1>
      <img src="../../assets/static/images/01.jpg" />
      <img src="../../assets/static/images/02.jpg" />
    </div>
    <!-- Live结束 -->


    <footer id="footer">
      <div class="center">
        <div style="margin-right: 43px;">
          <img src="../../assets/static/images/footerbg.png" />
        </div>
        <div style="    line-height: 20px;" v-html="webconfig.mzsm"></div>
      </div>

    </footer>
    <!-- footer结束 -->
    <div :class="rightbar ? 'rightbar' : 'rightbar close'" id="kf">

      <a href="javascript:;" @click="doAct" class="btn-close"></a>

      <h6>玖尚互娱<span>扫扫添加关注我们游戏动态</span></h6>
      <div class="code">

        <a target="_blank">
          <img :src="BASE_API + webconfig.qrcode" width="151" height="155" border="0">
        </a>
      </div>

      <a v-for="item, index in gameContactList" :href="item.skipUrl" target="_blank" class="kefu">{{ item.names }}</a>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      boxUrl: '',

      gameContactList: '',
      webconfig: '',
      rightbar: true,
      BASE_API: process.env.BASE_API + '/'
    }
  },

  computed: {},
  mounted() {
    this.$apis.getConfig().then(res => {

      this.gameContactList = res.data.data.gameContactList
      this.webconfig = res.data.data.webconfig;
      this.gameContactList.map(item => {
        if (item.names == "盒子下载") {
          this.boxUrl = item.skipUrl
        }
      })

    })



  },

  methods: {
    // bb(e) { 
    //   console.log(e)
    // },
    doAct() {
      this.rightbar ? this.rightbar = false : this.rightbar = true
    },
  }
}
</script>

<style lang="less" scoped>
.prove {
  text-align: center;
  background: #fff;
  margin: 24px auto 7px;
  border-radius: 5px;
  box-shadow: 2px 2px 6px 0 #d1d1d1;
  overflow: hidden;
}

.prove h1 {
  margin-top: 60px;
  text-align: center;
  font-size: 36px;
  height: 78px;
  line-height: 78px;
}

.prove img {
  width: 70%;
  margin: 20px 0px;
}
</style>